body {
	background-color: #e8e8e8;

	/* 头部区域 */
	header {
		background-color: white;
		height: 180px;
		padding: 30px 20px 0;
	}

	header img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		text-align: center;
		border: 2px solid #4294ff;
	}
	header div .username {
		font-size: 26px;
		width: 80px;
		position: absolute;
		left: 110px;
		top: 30px;
		color: #4294ff;
	}
	.icon-shangchuantupian {
		position: relative;
		left: 40px;
		top: 40px;
		color: #a4958e;
	}
	header .pic {
		width: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		align-items: center;
	}
	header .goto {
		font-weight: bold;
	}
	header p {
		font-size: 10px;
		color: #a4958e;
		margin-top: 20px;
	}
	svg {
		width: 30px;
		height: 20px;
		position: absolute;
		left: 75px;
		bottom: 0;
	}
	/* 主体区域 */
	.data {
		height: 160px;
		background-color: white;
		margin-top: 10px;
		padding: 0 20px 20px;
	}
	h4 {
		padding-top: 20px;
	}
	.icon-shuju {
		color: #4294ff;
	}
	a {
		float: right;
		color: #8a8a8a;
	}
	.sportdetails {
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
		color: #8a8a8a;
	}
	.sportdetails h1 {
		color: #4294ff;
	}
	.totalsport {
		border-right: 1px dotted #8a8a8a;
		width: 168px;
	}
	.smallbox h1 {
		display: inline-block;
		margin-top: 10px;
	}
	.smallbox span {
		font-size: 10px;
	}
	/* 运动徽章 */
	.badge {
		height: 150px;
		background-color: white;
		margin-top: 10px;
		padding: 0 20px 10px;
	}
	.icon-insignia {
		color: #4294ff;
	}
	.badgepic div {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		// border: 1px solid #e0e0e0;
	}
	.badgepic {
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
	}
	.badgepic :first-child {
		background: url(../../assets/images/mybadge01.jpg) no-repeat center center/
			cover;
	}
	.badgepic :nth-child(2) {
		background: url(../../assets/images/mybadge02.jpg) no-repeat center center/
			cover;
	}
	.badgepic :last-child {
		background: url(../../assets/images/mybadge03.jpg) no-repeat center center/
			cover;
	}
	/* 退出登录 */
	.logout {
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: white;
		margin-top: 10px;
		font-size: 10px;
		color: #4294ff;
	}
}
